{extend name="public/menu2" /}
{block name='title'}-{$cur.name}{/block}

{block name='content'}
<div class="right_content">

    <div class="school_brief">
        <p class="img"><img src="{$content[0]['thumb'] ?: ''}" alt=""></p>
        <div class="txt">
            <!-- start -->
            {$content[0]['content']|raw|default=''}
            <!-- end -->
        </div>
    </div>

    <!-- 学校列表 -->
    <ul id="list">
        {foreach $content as $kc=>$vc}
        {if $kc!=0}
        <li>
            <p class="img"><img src="{$vc.thumb ?: ''}" alt=""></p>
            <p class="name a_row">{$vc.title ?: ''}</p>
        </li>
        {/if}
        {/foreach}
    </ul>

</div>
</div>
{/block}

{block name='script'}
<style>
    #content .school_brief {
        display: flex;
        align-items: center;
        padding-right: 20px;
        height: 230px;
        border-left: 10px solid #8f000b;
        box-shadow: 0 0 10px #ddd;
    }

    #content .school_brief .img {
        width: 230px;
        height: 230px;
    }

    #content .school_brief .img img {
        max-width: 85%;
        max-height: 85%;
    }

    #content .school_brief div {
        flex: 1;
        line-height: 1.5;
        overflow: hidden;
    }
    #list {
        margin-top: 65px;
        text-align: center;
        font-size: 14px;
        color: #393939;
        display: flex;
        flex-flow: row wrap;
    }
    #list li{
        width: 25%;
        text-align: center;
    }
    #list .img{
        margin: 15px auto;
        width: 210px;
        height: 120px;
    }

    #list .name {
        margin: 15px 0;
    }
</style>

{/block}